<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购首页-爆款</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">-->
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="/css/purchase/burstingActivity.min.css?v=<%=$version%>">
</head>
<body>
<div id="burstingInfo" v-cloak>
    <header class="cityAdHotlist-top">
        <span class="goback" @click="getBack()"></span>
        爆款活动详情
        <!--<span class="sear" v-if="type==1||type==0"></span>-->
        <span class="discount-spsre" @click="getNextApp()"></span>
    </header>
    <div class="activity-cent" :class="{'activitybg':sortDate>0}">
        <div class="activity-data" v-if="sortDate<0">即将开始</div>
        <div class="activity-data" v-else-if="sortDate>0">已结束</div>
        <div class="activity-data" v-else>距离结束<span class="dataSpan">{{minutes}}</span>:<span class="dataSpan1">{{seconds}}</span></div>
        <div class="activity-goods">
            <div class="coupon-list" @click="getNext(3)">
                <strong class="coupon-lableIcon"></strong>
                <strong class="coupon-txt">{{burstList.discount}}折</strong>
                <!--<strong class="purchase-icon5" v-if="burstList.discount==5"></strong>-->
                <!--<strong class="purchase-icon6" v-if="burstList.discount==6"></strong>-->
                <!--<strong class="coupon-icon3" v-if="burstList.discount==7"></strong>-->
                <!--<strong class="coupon-icon4" v-if="burstList.discount==8"></strong>-->
                <strong class="slide-img" :style="bgimg(burstList.imgSrc)"></strong>
                <h6>{{burstList.title}}</h6>
                <span class="bursting-icon3"></span>
                <p>商品原价：&yen;{{burstList.pintegral}}</p>
                <!--<span>前10名用户可获得此折扣券</span>-->
            </div>
        </div>
        <div class="activity-explain" @click="getNext(6)">活动说明<span>&gt;&gt;</span></div>
        <div class="burstingInfo" v-if="type==2||type==3">
            <div class="burstingInfo-top1">
                <strong class="burstingInfo-topHead" :style="bgimg(user.headImg)"></strong>
                <h6>{{user.name}}<strong class="burstingInfo-topRanking1">排名:<span>{{user.ranking}}</span></strong></h6>
                <div class="burstingInfo-top1btn" @click="getLuckyBurstByFriend()">帮我点<span>{{user.num}}</span></div>
                <!--<strong class="bursting-icon6" @click="getLuckyBurstByFriend()"></strong>-->
                <!--<div class="burstingInfo-topSpeed">-->
                    <!--<strong :style="'width:'+(user.num/burstList.totalNum)*100+'%' " v-if="burstList.totalNum!=0"></strong>-->
                    <!--<div>10名<span></span><i></i></div>-->
                <!--</div>-->
                <!--<div class="burstingInfo-topBtn" @click="getNext(8)">邀请好友助力</div>-->
            </div>
            <!--<div class="burstingInfo-title">-->
                <!--<b @click="getNext(4)">查看助力好友<span>&gt;</span></b>-->
            <!--</div>-->
            <div class="burstingInfo-cent">
                <div class="burstingInfo-video">
                    <template v-if="lNumber>0">
                        <!--<div id="my-video" v-if="isNav!=3"></div>-->
                        <div class="video-mask1 video-mask2" v-show="isflase1" :style="bgimg(coverImgSrc)"></div>
                        <div class="video-mask1" @click="getVideoPlay(2)"></div>
                        <div class="video-mask" :class="{videoShow:isVideo}">
                            <span class="adDetails-qplay" @click="getVideoPlay(1)" v-if="isNav==2"></span>
                            <span class="adDetails-holdonplay" @click="getVideoPlay(3)" v-if="isNav==1"></span>
                        </div>
                    </template>
                    <div v-if="isNav==3||lNumber==0" class="NoVideo">没有更多视频啦</div>
                    <template v-if="num">
                        <span class="burstingInfo-videoData">{{totalTime}}<span>s</span></span>
                        <p>即将播放：{{title}}</p>
                    </template>
                </div>
                <p>温馨提示：看视频可免费获得一定的能量<strong><span>{{number}}</span>/{{lNumber}}</strong></p>
            </div>
        </div>
        <div class="burstingInfo-btn1" @click="getNextApp()">分享攒能量</div>
    </div>
    <div class="burstingInfo-footer">
        <h6>乐小转APP</h6>
        <p>乐趣无穷，赚钱可靠</p>
        <span @click="getNextApp()">立即下载 参与活动</span>
    </div>
    <div id="newTips2" :class="{'maskShow':tip==2}">
        <h6>助力成功！</h6>>
        <p>您的好友能量值+1</p>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>
<script type="text/javascript" src="/js/purchase/burstingInfo.js?v=<%=$version%>"></script>
</body>
</html>